<template>
	<view class="">



		<view class="headerf">
	
				<view class="left-logo">
					<image src="@/static/images/logo2.png" />
				</view>
				<view class="center-nav">
					<view class="center-nav-ul">
						<view class="center-nav-li" @click="showContent('content1')">
							产品介绍
						</view>
						<view class="center-nav-li" @click="showContent('content2')">
							公司介绍
						</view>
						<view class="center-nav-li" @click="showContent('content3')">
							联系我们
						</view>
					</view>
				</view>
		</view>
		<view class="box-body" style="display: block;margin-top: 20rpx; height: 100vh;">
			<view id="content1" class='content' v-if="showData=='content1'">
				<view class="home">
					<view class="home-top">
						新闻早知道是-款集合第三方新间资讯API的产品，主要包含短视频、新闻资讯、短剧、小说等产品的聚合APP平台，旨在为用户提供更加全方位，更加便捷的信息及内容观看体验让用户了解世界正在发生什么。
					</view>
					<view class="home-content">
						<image class="home-content" src="@/static/images/bg_1.png" />
					</view>
				</view>
			</view>
			<view id="content2" class='content' v-if="showData=='content2'">
				<image src="@/static/images/bg_1.png" class="home-content">
					<view class="home-top">
						公司主要为用户更加全面的互联网产品，让用户足不出户就可以快速获得各类资讯
					</view>
			</view>

			<view id="content3" class='content' v-if="showData=='content3'">
				<image src="@/static/images/bg_1.png" class="home-content">
					<view class="home-top">
						<view class="">
							商务合作方式
						</view>
						<view class="">
							邮箱：allenzhu@shalou.net
						</view>
						<view class="">
							公司地址：辽宁省沈阳市浑南区新隆街1-38号11门
						</view>
					</view>
			</view>
		</view>
		<view class="footer">

			<view id="icp" class="icp">
			 <view class="">
			 	网站备案号：粤ICP备2024233293号
			 </view>
			<!-- // 根据域名显示不同的数据 -->
			<!-- if (hostname === 'www.zzdnews.com') {
			  document.getElementById('icp').innerHTML = '网站备案号：粤ICP备2024233293号';
			} else if (hostname === 'www.zzdnews-app.com') {
			  document.getElementById('icp').innerHTML = '网站备案号：辽ICP备2024045571号';
			} else {
			  document.getElementById('icp').innerHTML = '网站备案号：粤ICP备2024233293号';
			} -->
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		components: {

		},
		data() {
			return {
				showData: 'content1',
				innerHTML:''
			};
		},
		onShow(e) {


		},
		onLoad(e) {

		},
		onPullDownRefresh() {

		},
		onReachBottom(e) {

		},
		/*小程序分享*/
		onShareAppMessage() {

		},
		methods: {
			showContent(item) {
				this.showData = item


			},


		}
	};
</script>

<style scoped lang="scss">
	.headerf {
		width: 100%;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		background: #fff;
		padding: 2% 5%;
		height: auto;
		max-height: 400rpx;
		box-sizing:  border-box;
		overflow: hidden;
	}

	.left-logo {
		width: 160rpx;
		top: 5rpx;
		/* 绝对定位 */
		/* 向右移动20像素 */
		width: 20rpx;
		/* 设置宽度 */
		/* 设置高度 */
		z-index: 1;
		position: relative;
		/* z-index值 */
		image {
			width: 80rpx;
			height: 80rpx;
		}
	}

	.center-nav {
		padding: 10rpx 0;
		text-align: center;
		font-size: 25rpx;
		flex:1;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.center-nav .center-nav-ul {
		width: 100%;
		list-style-type: none;
		padding: 0;
	}

	.center-nav .center-nav-ul .center-nav-li {
		display: inline-block;
		margin-left: 30rpx;
		width: 20%;

	}

	.box-body {
		background-color: #F4F5F6;
		/* 背景颜色 */

	}

	.footer {
		position: fixed;
		/* 使用fixed定位 */
		left: 0;
		bottom: 0;
		/* 位置固定在底部 */
		width: 100%;
		/* 宽度为100% */
		background-color: #333;
		/* 背景颜色 */
		color: white;
		/* 字体颜色 */
		text-align: center;
		/* 文本居中 */
		padding: 10rpx 0;
		/* 上下填充 */
	}

	.icp {
		margin-top: 60rpx;
		font-size: 30rpx;
		margin-bottom: 30rpx;
	}

	.home {
		display: flex;
		flex-wrap: wrap;
		justify-items: center;
		align-items: center;
		margin: 0 auto;
	}

	.home-top {
		width: 100%;
		height: 301rpx;
		background-color: white;
		text-align: left;
		margin-top: 30rpx;
		padding: 50rpx;
		font-size: 32rpx;
	}

	.home-content {
		width: 100%;
		margin-top: 30rpx;
	}

	.content {
		padding: 0rpx 40rpx;
	}
</style>